<template>
  <div>
    <el-button @click="drawer = true" type="primary">
      注销账号
    </el-button>

    <el-drawer title="注销账号" :visible.sync="drawer" :direction="direction" :before-close="handleClose">
      <span>注销账号后果:xxxxxxxxxxxxxxxxxxx</span>
    </el-drawer>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        drawer: false
      };
    },
    methods: {
      handleClose(done) { // 关闭弹出框
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {
          });
      }
    }
  };
</script>

<style scoped>

</style>
